<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Dialog - Default functionality</title>
<link rel="stylesheet" href="./jquery/jquery-ui.css">
<script src="./jquery/external/jquery/jquery.js"></script>
<script src="./jquery/jquery-ui.js"></script>
<script>
$(function() {
	$( "#dialog" ).dialog({
	autoOpen: true,
	width: 400,
	closeOnEscape:false,

	open:function(event,ui){$(".ui-dialog-titlebar-close").hide();} ,
	buttons: [
		{
			text: "Ok",
			click: function() {
				$( this ).dialog( "close" );
			}
		},
		{
			text: "Cancel",
			click: function() {
				$( this ).dialog( "close" );
			}
		}
	]
});
});
</script>
</head>
<body>
<div id="dialog" title="Basic dialog">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
</body>
</html>